
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/Scripts/works/hm_002.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/Scripts/works/contains.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/Scripts/works/taskMgr.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/Scripts/works/views.js"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/CSS/works/gdt-style.css">
<link href="__PUBLIC__/CSS/works/home.css" media="all" rel="stylesheet" type="text/css">
<script src="__PUBLIC__/Scripts/works/hm.js"  type="text/javascript"></script>
<script src="__PUBLIC__/Scripts/works/home.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/CSS/base.css">
<div class="center">
	<header class="header" style="height: 80px; border-bottom:1px solid #efefef; display: none;">
		<div class="center960">
			<h1 style="top: 18px;"><a href="javascript:void(0);"><img src="__PUBLIC__/Images/works/global_logo.png" alt="宁玉cms微电商" title="宁玉cms微电商" style="display: inline-block;"></a></h1>
			<nav style="top: 28px;">
				<ul class="clearfix" style="bottom:15px;  ">
					<li class=""><a href="javascript:void(0);">首页</a></li>
					<li class=""> <a href="javascript:void(0);">功能介绍 </a> </li>
					<li class="active"><a href="javascript:void(0);">系统特性</a></li>
					<li class=""><a href="javascript:void(0);">我要购买</a></li>
					<li class="" style="display:none"><a href="javascript:void(0);">案例中心</a></li>
					<li class=""><a href="javascript:void(0);" target="_blank">试用体验</a></li>
					<li class=""><a href="javascript:void(0);" target="_blank">联系我们</a></li>
				</ul>
			</nav>
		</div>
	</header>  
	<link href="__PUBLIC__/CSS/works/index2.css" media="screen" rel="stylesheet" type="text/css">
	<script src="__PUBLIC__/Scripts/works/index2.js" type="text/javascript"></script>
	<link href="__PUBLIC__/CSS/works/index.css" rel="stylesheet" type="text/css">
	<script src="__PUBLIC__/Scripts/works/index.js" type="text/javascript"></script> 
	<script src="__PUBLIC__/Scripts/works/jquery-1.js"></script> 
	<script src="__PUBLIC__/Scripts/works/navfix.js"></script>
	<div style="height:330px; overflow:hidden;display: none;">
		<div style="  background: rgb(71, 119, 239);height:434px; overflow:hidden">
			<div style="width:1200px;; margin:0 auto"><a href="###" target="_blank"><img src="__PUBLIC__/Images/works/1_conew1.png" height="360"></a></div>
		</div>
	</div>  <script>
		$(function () {
			$('.socll').navfix(80, 99, '#fff');
		});
	</script> 
	<script type="text/javascript">

		function intval(v) {
			v = parseInt(v);
			return isNaN(v) ? 0 : v;
		} // ?取元素信息   
		function getPos(e) {
			var l = 0;
			var t = 0;
			var w = intval(e.style.width);
			var h = intval(e.style.height);
			var wb = e.offsetWidth;
			var hb = e.offsetHeight;
			while (e.offsetParent) {
				l += e.offsetLeft + (e.currentStyle ? intval(e.currentStyle.borderLeftWidth) : 0);
				t += e.offsetTop + (e.currentStyle ? intval(e.currentStyle.borderTopWidth) : 0);
				e = e.offsetParent;
			}
			l += e.offsetLeft + (e.currentStyle ? intval(e.currentStyle.borderLeftWidth) : 0);
			t += e.offsetTop + (e.currentStyle ? intval(e.currentStyle.borderTopWidth) : 0);
			return {
				x: l,
				y: t,
				w: w,
				h: h,
				wb: wb,
				hb: hb
			};
		}  
		function getScroll() {
			var t, l, w, h;
			if (document.documentElement && document.documentElement.scrollTop) {
				t = document.documentElement.scrollTop;
				l = document.documentElement.scrollLeft;
				w = document.documentElement.scrollWidth;
				h = document.documentElement.scrollHeight;
			}
			else
			if (document.body) {
				t = document.body.scrollTop;
				l = document.body.scrollLeft;
				w = document.body.scrollWidth;
				h = document.body.scrollHeight;
			}
			return {
				t: t,
				l: l,
				w: w,
				h: h
			};
		} //   
		function scroller(el, duration) {

			if (typeof el != 'object') {
				el = document.getElementById(el);
			}
			if (!el)
				return;
			var z = this;
			z.el = el;
			z.p = getPos(el);
			z.s = getScroll();
			z.clear = function () {
				window.clearInterval(z.timer);
				z.timer = null
			};
			z.t = (new Date).getTime();
			z.step = function () {
				var t = (new Date).getTime();
				var p = (t - z.t) / duration;
				if (t >= duration + z.t) {
					z.clear();
					window.setTimeout(function () {
						z.scroll(parseInt(z.p.y) - 160, z.p.x);
					}, 13);
				}
				else {
					st = ((-Math.cos(p * Math.PI) / 2) + 0.5) * (z.p.y - z.s.t) + z.s.t;
					sl = ((-Math.cos(p * Math.PI) / 2) + 0.5) * (z.p.x - z.s.l) + z.s.l;
					z.scroll(parseInt(z.p.y) - 160, sl);
				}
			};
			z.scroll = function (t, l) {
				window.scrollTo(l, t)
			};
			z.timer = window.setInterval(function () {
				z.step();
			}, 13);
		}
	</script> 
	<!------------------------->
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/CSS/works/ydyfx.css">
	<script src="__PUBLIC__/Scripts/works/jquery.js"></script>
	<style>
		#gd_box{ width:180px; height:450px;}
		.gd_box2{ width:4px; height:160px; background:#dddddd; position:absolute; top:12px; right:3px;}
		.fnav {
			background-color: #5f5f5f;
			margin-top: 0px;}
		</style>
		<script type="text/javascript">
		$(document).ready(function () {

		});

		function goTop()
		{
			//window.location.href = "#nav1";
			$("html,body").animate({scrollTop: $("#nav1").offset().top}, 500);
		}

		function scrollToId(targetId)
		{
			$("html,body").animate({scrollTop: $(targetId).offset().top - 160}, 500);
		}
		//弹窗
		function popup(mudi) {
			//var thistop=$(this).offset().top;//获取当前位置的top
			//var maskHeight = $(document).height();//文档的总高度
			var maskWidth = $(window).width();//窗口的宽度		
			var maskHeight = $(window).height();//窗口高度		
			var popTop = (maskHeight / 2) - ($('#pop_box').height() / 2);
			var popLeft = (maskWidth / 2) - ($('#pop_box').width() / 2);
			$('#pop_box').css({top: popTop, left: popLeft}).slideDown(600);
			$("#mudi").val(mudi);
		}
		//弹窗
		function popup2() {
			//var thistop=$(this).offset().top;//获取当前位置的top
			//var maskHeight = $(document).height();//文档的总高度
			var maskWidth = $(window).width();//窗口的宽度		
			var maskHeight = $(window).height();//窗口高度		
			var popTop = (maskHeight / 2) - ($('#pop_box2').height() / 2);
			var popLeft = (maskWidth / 2) - ($('#pop_box2').width() / 2);
			$('#pop_box2').css({top: popTop, left: popLeft}).slideDown(600);
		}
		</script> 
		<script>
			$(document).ready(function () {
				var navH = $(".gd_box").offset().top - 60;/* 获取导航条距离顶部距离 */
				$(window).scroll(function () {
					var scroH = $(this).scrollTop();/* 获取滚动条的滑动距离 */
					if (scroH >= navH)
					{
						$(".gd_box").css({"position": "absolute", "top": "100px"});
					}
					else if (scroH < navH)
					{
						$(".gd_box").css({"position": "absolute", "top": "+100px"});
					}
				})
			})
		</script>
		<!------------------------->
		<link href="__PUBLIC__/CSS/works/platform.css" media="screen" rel="stylesheet" type="text/css"><!--tab------------------------------>
		<!--<link rel="stylesheet" type="text/css" href="__PUBLIC__/CSS/works/demo.css">-->
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/CSS/works/tabs.css">
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/CSS/works/tabstyles.css">
		<script src="__PUBLIC__/Scripts/works/modernizr.js"></script> 
		<div class="container">
			<section>
			<div class=" lin tabs-style-topline" style="  ">
				<div class="socll" style="width: 100%; height: 55px; left: 0px; padding-top: 15px; position: static; top: auto; background: transparent none repeat scroll 0% 0%;">  
					<nav>
						<ul>
							<li class=""><a href="javascript:void(0);" class="icon icon-gift"><span style="height:31px;vertical-align:baseline;">微信投票</span></a></li>
							
							<!--<li class=""><a href="javascript:void(0);" class="icon icon icon-tools"><span>  订单功能 </span></a></li>  
							<li class=""><a href="javascript:void(0);" class="icon icon-date"><span>店铺功能</span></a></li>
							<li class=""><a href="javascript:void(0);" class="icon icon icon-display"> <span>微信功能</span></a></li>
							<li class=""><a href="javascript:void(0);" class="icon icon-upload"><span>分销介绍</span></a></li>
							<li class="tab-current"><a href="javascript:void(0);" class="icon icon icon-box"><span>商城平台</span></a></li>
							<li class=""><a href="javascript:void(0);" class="icon icon-config"><span>后台介绍</span></a></li>
							-->
						</ul>
					</nav> 
					<div style="position: relative;display: flex;margin: 0 auto;padding: 0;max-width:1200px;list-style: none;">
						<div class="gd_box" style="position: absolute; top: 100px;right:0%;">
							<div id="gd_box">
								<div id="gd_box1">
									<div id="nav">
										<ul>
											<li class="current"><a class="f1" onclick="scrollToId('#f1');">　微信投票</a></li>
											<li class=""><a class="f2" onclick="scrollToId('#f2');">　视频播放</a></li>
											<li class=""><a class="f3" onclick="scrollToId('#f3');">　多项投票</a></li>
											<li class=""><a class="f4" onclick="scrollToId('#f4');">　投票活动管理</a></li>
											<li class=""><a class="f5" onclick="scrollToId('#f5');">　自定义投票选项</a></li>
											<li class=""><a class="f6" onclick="scrollToId('#f6');">　统计投票结果</a></li>
										</ul>
									</div>
								</div>
								<div class="gd_box2" style="position: absolute; right:85%;"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="content-wrap" style=" display:none">
					<section id="section-topline-1" class="content-current"> <a name="header_1" id="header_1"></a>

					</section>
					<section id="section-topline-2"> 

					</section>
					<section id="section-topline-3"> 

					</section>
					<section id="section-topline-4">

					</section>
					<section id="section-topline-5"> 

					</section>
					<section id="section-topline-6">

					</section>
					<section id="section-topline-7">

					</section>
				</div> 
				<!-- /content --> 
			</div>
			<!-- /tabs -->
		</section>
	</div>
	<!-- /container --> 
	<script src="__PUBLIC__/Scripts/works/cbpFWTabs.js"></script> 
	<script>
												(function () {

													[].slice.call(document.querySelectorAll('.tabs')).forEach(function (el) {
														new CBPFWTabs(el);
													});

												})();
	</script> 
	<!--tab------------------------------>   
	<!------------------------------------------------>
	<div class="platform" style="border:none">
		<section class="page page1" id="page1" style="height:0px;">
			<div style=" width:55%; float:left;display:none">
				<div class="p-txt p1-txt" style="display: block;">
					<h2 class="p-h2">最专业微电商</h2>
					<h4 class="p-h4">最资深的微信第三方开发商 最了解客户需求的微电商系统提供商</h4>
					<div class="p1-show-phone" style="position:relative;width:45%;float:right;">
						<div class="p1-show-clip">
							<ul>
								<li style="display: block;"><img src="__PUBLIC__/Images/works/1-1_03.png" alt="" height="234" width="396"></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="p-txt p1-txt" style="display: none; opacity: 1;">
					<h2 class="p-h2">对接微信微博</h2>
					<h4 class="p-h4">依托微信微博海量潜在用户，自动获取粉丝信息，打造完美购物体验</h4>
				</div>
				<div class="p-txt p1-txt" style="display: none; opacity: 1;">
					<h2 class="p-h2">互动娱乐式电商</h2>
					<h4 class="p-h4">打破传统电商销售模式，通过海量可自定义的互动游戏和营销活动提高销售成单率和粉丝参与度、回头率</h4>
				</div>
				<div class="p-txt p1-txt" style="display: none; opacity: 1;">
					<h2 class="p-h2"></h2>
					<h4 class="p-h4"></h4>
				</div>
				<div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
				<div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
				<div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
				<div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
				<div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
				<div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
				<div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
				<div class="p-txt p1-txt" style="display: none;opacity: 1;"> </div>
				<div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
				<div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
				<div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
				<div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
				<div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
				<div class="p-txt p1-txt" style="display: none; opacity: 1;"> </div>
				<div class="p-txt p1-txt" style="display: none;  "> </div>
			</div>
			<div class="p1-show" style="display:none">
				<div class="bgdiv">
					<div class="lbg">
						<div class="bgdiv1" id="bgdiv1"> </div>
						<div class="bgx1"> </div>
					</div>
					<div class="lbg">
						<div class="bgdiv2" id="bgdiv2"> </div>
						<div class="bgx2"> </div>
					</div>
					<div class="lbg">
						<div class="bgdiv3" id="bgdiv3"> </div>
						<div class="bgx3"> </div>
					</div>
					<div class="lbg">
						<div class="bgdiv4" id="bgdiv4"> </div>
						<div class="bgx4"> </div>
					</div>
					<div class="lbg">
						<div class="bgdiv5" id="bgdiv5"> </div>
						<div class="bgx5"> </div>
					</div>
					<div class="lbg">
						<div class="bgdiv6" id="bgdiv6"> </div>
						<div class="bgx6"> </div>
					</div>
				</div>
				<img class="p1-show-bg" src="__PUBLIC__/Images/works/section1_bg.png" alt=""> </div>
			<div class="p1-show-phone" style=" width:45%;float:left;display:none">
				<div class="p1-show-clip">
					<ul style="left: 0px;">
						<li style="display: block; left: 0px;"><img src="__PUBLIC__/Images/works/1-1_03.png" alt="" height="234" width="396"></li>
						<li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-2_03.png" alt="" height="234" width="396"></li>
						<li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-3_03.png" alt="" height="234" width="396"></li>
						<li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-4_03.png" alt="" height="234" width="396"></li>
						<li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-5_03.png" alt="" height="234" width="396"></li>
						<li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-6_03.png" alt="" height="234" width="396"></li>
						<li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-7_03.png" alt="" height="234" width="396"></li>
						<li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-8_03.png" alt="" height="234" width="396"></li>
						<li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-9_03.png" alt="" height="234" width="396"></li>
						<li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-10_03.png" alt="" height="234" width="396"></li>
						<li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-11_03.png" alt="" height="234" width="396"></li>
						<li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-12_03.png" alt="" height="234" width="396"></li>
						<li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-13_03.png" alt="" height="234" width="396"></li>
						<li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-14_03.png" alt="" height="234" width="396"></li>
						<li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-15_03.png" alt="" height="234" width="396"></li>
						<li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-16_03.png" alt="" height="234" width="396"></li>
						<li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-17_03.png" alt="" height="234" width="396"></li>
						<li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-18_03.png" alt="" height="234" width="396"></li>
						<li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-19_03.png" alt="" height="234" width="396"></li>
						<li style="display: none; left: 0px;"><img src="__PUBLIC__/Images/works/1-19_03.png" alt="" height="234" width="396"></li>
					</ul>
				</div>
			</div>
		</section>
		<style>
			.sa{width:1200px;padding-top:20px;  margin:0 auto; height:336px; clear:both; padding-left:0px}
			.s2{width:1200px;padding-top:20px; margin:0 auto; height:336px; clear:both; padding-left:0px}
			.sa .fl{float: right;width:70%; margin-top:30px}
			.sa .fr{background:none;position:relative;width:30%;float: left; text-align:left}
			.s2 .fr{float:left;width:30%;margin-left:-170px;}
			.s2 .fl{background:none;position:relative;width:62%;float:left; text-align: left;  margin-left: 30px;margin-top:30px}
			.platform .p-h2{font-size:28px;padding-top:30px; color:#1a1a1a;  margin-bottom: 35px;}
			.platform .p-h4{line-height:200%; color:#363636;width:65%;}
			.bg{ width:1000px; height:1px; margin:0 auto}
		</style>
		<a name="header_1" id="header_1"></a>
		<div class="sa" style="padding-top:50px;" id="f1">
			<div class="fl">
				<h2 class="p-h2">微信投票</h2>
				<h4 class="p-h4">企业投票，调查活动好帮手，微信人人都玩，企业号粉丝参与投票，活跃团队内部气氛！</h4>
			</div>
			<div class="fr"> <img src="__PUBLIC__/Images/works/4-5_03.png" alt=""></div>
			<div style="clear:both"></div>
		</div>
		<div class="bg"><img src="__PUBLIC__/Images/works/bg_64.png"></div>
		<a name="header_2" id="header_2"></a>
		<div class="s2" id="f2">
			<div class="fl">
				<h2 class="p-h2">视频播放</h2>
				<h4 class="p-h4">八仙过海，各显神通，充分展示员工才艺，让你更加了解自己的小伙伴，拒绝陌生，拉近员工之间的距离。</h4>
			</div>
			<div class="fr"> <img src="__PUBLIC__/Images/works/4-5_07.png" alt=""></div>
			<div style="clear:both"></div>
		</div>
		<div class="bg"><img src="__PUBLIC__/Images/works/bg_64.png"></div>
		<a name="header_3" id="header_3"></a>
		<div class="sa" id="f3">
			<div class="fl">
				<h2 class="p-h2">多项投票</h2>
				<h4 class="p-h4">一次可进行多项投票，通过后台轻松设置，天空飘来五个字，这都不是事儿。</h4>
			</div>
			<div class="fr"> <img src="__PUBLIC__/Images/works/4-5_11.png" alt=""></div>
			<div style="clear:both"></div>
		</div>
		<div class="bg"><img src="__PUBLIC__/Images/works/bg_64.png"></div>
		<a name="header_4" id="header_4"></a>
		<div class="s2" id="f4">
			<div class="fl">
				<h2 class="p-h2">投票活动管理</h2>
				<h4 class="p-h4">自定义投票内容，投票时间，自动生成链接，灵活方便。</h4>
			</div>
			<div class="fr"> <img src="__PUBLIC__/Images/works/4-5_14.png" alt=""></div>
			<div style="clear:both"></div>
		</div>
		<div class="bg"><img src="__PUBLIC__/Images/works/bg_64.png"></div>
		<a name="header_5" id="header_5"></a>
		<div class="sa" id="f5">
			<div class="fl">
				<h2 class="p-h2">自定义投票选项</h2>
				<h4 class="p-h4">自定义分组，选项，个数没有限制</h4>
			</div>
			<div class="fr"> <img src="__PUBLIC__/Images/works/4-5_18.png" alt=""></div>
			<div style="clear:both"></div>
		</div>
		<div class="bg"><img src="__PUBLIC__/Images/works/bg_64.png"></div>
		<a name="header_6" id="header_6"></a>
		<div class="s2" id="f6"> 
			<div class="fl">
				<h2 class="p-h2">统计投票结果</h2>
				<h4 class="p-h4">自动生成投票结果，方便您根据结果进行颁奖等活动</h4>
			</div>
			<div class="fr"> <img src="__PUBLIC__/Images/works/4-5_22.png" alt=""></div>
			<div style="clear:both"></div>
		</div>

		<script>
			$(function () {
				$('#nav').onePageNav();
			});
		</script> 
	</div>
	<div class="side-bar">
		<!--
		<a href="javascript:void(0);" class="icon-qq" onclick="window.open('http://wpa.qq.com/msgrd?v=3&amp;uin=800022936&amp;site=qq&amp;menu=yes:|a:-1|f:Ggdt1', '_blank', 'height=544, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');
				return false;">QQ在线咨询</a>
		<a href="" class="icon-chat">
			微信
			<div class="chat-tips">
				<i></i>
				<img style="width:138px;height:138px;" src="__PUBLIC__/Images/works/code1.jpg" alt="宁玉CMS微电商">
			</div>
		</a>
		<a href="" class="icon-chat" style="background:url(images/66X66-DIANHUA.png) #ddd">
			微信
			<div class="chat-tips">
				<i></i>
				<img style="width:138px;height:138px;" src="__PUBLIC__/Images/works/tel.png" alt=" ">
			</div>
		</a>-->
		<a href="javascript:void(0)" class="icon-totop" onclick="window.scrollTo(0, 0)">返回顶部</a>
	</div>
</div>